<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/facelets/templates/zona-privada-principal.xhtml">

	<ui:define name="title"> Gesti&#243;n de solicitudes</ui:define>
	<ui:define name="nameForm"> Gesti&#243;n de solicitudes</ui:define>
	<ui:define name="content">

		<p:growl id="growl" showDetail="true" sticky="false" life="4500" />

		<h:form styleClass="ui-widget" id="formBuscar" prependId="false">
			<div id="sub-header">
				<div id="nameForm">Gesti&#243;n de solicitudes</div>

				<div id="toolBar">
					<p:commandLink styleClass="butonSmall" id="buscar"
						action="#{gestionCotizacionVendedorController.buscarCotizaciones}"
						update="panelResultadosCotizacion">
						<h:graphicImage library="images" name="buscar.png"
							styleClass="toolbar-icon" alt="Buscar" title="Buscar" />
					</p:commandLink>

					<p:spacer width="10px" />
					<p:commandLink ajax="true" styleClass="butonSmall"
						action="#{gestionCotizacionVendedorController.limpiarBuscar}"
						process="@this" update="busqueda">
						<h:graphicImage library="images" name="limpiar.png"
							styleClass="toolbar-icon" alt="Limpiar" title="Limpiar" />
					</p:commandLink>


					<p:defaultCommand target="buscar" />
				</div>

			</div>

			<div id="content">
				<h:panelGroup id="busqueda">
					<div class="panel-filtro">
						<p:panelGrid id="plgFiltro" columns="6">

							<h:outputLabel styleClass="label-general"
								value="Fecha solicitud: Desde" />
							<p:calendar id="inicioFecha" readonlyInput="true" styleClass="fecha-general"
										maxdate="#{gestionCotizacionVendedorController.cotizacionBeanForm.fechaFin}"
										pattern="dd/MM/yyyy" locale="es"
										value="#{gestionCotizacionVendedorController.cotizacionBeanForm.fechaInicio}"
										title="fechaInicio">
								<p:ajax event="dateSelect" update="finFecha" process="@this" global="false" />
							</p:calendar>

							<h:outputLabel styleClass="label-general" value="Hasta: " />
							<p:calendar id="finFecha" readonlyInput="true" styleClass="fecha-general"
										mindate="#{gestionCotizacionVendedorController.cotizacionBeanForm.fechaInicio}"
										pattern="dd/MM/yyyy" locale="es"
										value="#{gestionCotizacionVendedorController.cotizacionBeanForm.fechaFin}">
								<p:ajax event="dateSelect" update="inicioFecha" process="@this" global="false"/>
							</p:calendar>

							<h:outputLabel styleClass="label-general"
								value="N&#250;mero solicitud: " />
							<p:inputText
								value="#{gestionCotizacionVendedorController.cotizacionBeanForm.numSolicitud}"
								styleClass="input-general" />

							<h:outputLabel styleClass="label-general" value="Lugar recojo : Departamento" />
							<p:selectOneMenu value="#{gestionCotizacionVendedorController.cotizacionBeanForm.idDepartamento}"
											 styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems var="departamento" value="#{gestionCotizacionVendedorController.listaDepartamento}"
									 		   itemValue="#{departamento.codigo}" itemLabel="#{departamento.nombre}"/>
								<p:ajax event="change" process="@this" update="provinciaBuscar" global="false"
										listener="#{gestionCotizacionVendedorController.listarProvincias}"/>
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general" value="Provincia:" />
							<p:selectOneMenu id="provinciaBuscar" value="#{gestionCotizacionVendedorController.cotizacionBeanForm.idProvincia}"
											 styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems var="provincia" value="#{gestionCotizacionVendedorController.listaProvincias}"
									 		   itemValue="#{provincia.codigo}" itemLabel="#{provincia.nombre}" />
								<p:ajax update="distritoBuscar" listener="#{gestionCotizacionVendedorController.listarDistritos}"
										process="@this" event="change" global="false"/>
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general" value="Distrito:" />
							<p:selectOneMenu id="distritoBuscar" value="#{gestionCotizacionVendedorController.cotizacionBeanForm.idDistrito}"
								 			 styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems var="distrito" value="#{gestionCotizacionVendedorController.listaDistritos}"
											   itemValue="#{distrito.codigo}" itemLabel="#{distrito.nombre}"/>
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general" value="Sucursal:" />
							<p:selectOneMenu id="cboEstadoRepuesto" value="#{gestionCotizacionVendedorController.cotizacionBeanForm.idSucursal}"
											 styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems var="sucursal" value="#{gestionCotizacionVendedorController.listaSucursales}"
											   itemValue="#{sucursal.idSucursal}" itemLabel="#{sucursal.nombre}"/>
							</p:selectOneMenu>

							<h:outputLabel styleClass="label-general" value="Estado solicitud:" />
							<p:selectOneMenu value="#{gestionCotizacionVendedorController.cotizacionBeanForm.idEstadoCotizacion}"
											 styleClass="select-general">
								<f:selectItem itemLabel="Seleccione" itemValue="-1" />
								<f:selectItems var="estado" value="#{gestionCotizacionVendedorController.listaEstadoCotizacion}"
											   itemValue="#{estado.idEstadoCotizacion}" itemLabel="#{estado.nombre}" />
							</p:selectOneMenu>
						</p:panelGrid>
					</div>
				</h:panelGroup>

				<div class="panel-botones-formulario-derecha">
					<p:commandButton value="Exportar" icon="ui-icon-arrowstop-1-s"
						action="#{gestionCotizacionVendedorController.exportarResultadosCotizacion}"
						process="@this" update="panelResultadosCotizacionConEstado"
						oncomplete="$('#botonExportar').click();" />

					<div style="display: none">
						<p:commandButton id="botonExportar" ajax="false"
							styleClass="butonSmall">
							<p:dataExporter type="xls"
								target="tablaResultadosCotizacionConEstado"
								fileName="Cotizaciones"
								postProcessor="#{gestionCotizacionVendedorController.postProcessXLS}" />
						</p:commandButton>
					</div>
				</div>

				<h:panelGroup id="panelResultadosCotizacion">
					<p:dataTable value="#{gestionCotizacionVendedorController.listaLazyCotizaciones}"
								 lazy="true" var="cotizacion" rowKey="#{cotizacion.idCotizacion}"
								 emptyMessage="" paginator="true" paginatorPosition="top" rows="10"
								 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
								 currentPageReportTemplate="{currentPage} de {totalPages}">

						<p:column headerText="N&#176; solicitud" style="width:80px;"
							sortBy="#{cotizacion.idCotizacion}">
							<h:outputText value="#{cotizacion.idCotizacion}" />
						</p:column>

						<p:column headerText="Fecha solicitud"
							style=" text-align: right; width: 100px;"
							sortBy="#{cotizacion.fechaCreacion}">
							<h:outputText value="#{cotizacion.fechaCreacion}">
								<f:convertDateTime pattern="dd/MM/yyyy" timeZone="-5"/>
							</h:outputText>
						</p:column>
						<p:column headerText="Cliente" style="width: 300px;" sortBy="#{cotizacion.cliente.nombre}">
							<h:outputText value="#{cotizacion.nombreCliente}" style="text-align:left;" />
						</p:column>
						
						<p:column headerText="Departamento" sortBy="#{cotizacion.nombreDepartamento}">
							<h:outputText value="#{cotizacion.nombreDepartamento}" />
						</p:column>
						
						<p:column headerText="Provincia" sortBy="#{cotizacion.nombreProvincia}">
							<h:outputText value="#{cotizacion.nombreProvincia}" />
						</p:column>
						
						<p:column headerText="Distrito" sortBy="#{cotizacion.nombreDistrito}">
							<h:outputText value="#{cotizacion.nombreDistrito}" />
						</p:column>
						
						<p:column headerText="Lugar recojo" sortBy="#{cotizacion.nombreSucursal}">
							<h:outputText value="#{cotizacion.nombreSucursal}" />
						</p:column>
						
						<p:column headerText="Estado solicitud" style="width:105px;" sortBy="#{cotizacion.estado}">
							<h:outputText value="#{cotizacion.estado}" />
						</p:column>
						
						<p:column style="width: 10px;">
							<f:facet name="header">
								<h:outputText value=" " />
							</f:facet>
							<p:commandLink id="cmlPromocionEditar"
										   oncomplete="wvEditarCotizacion.show()"
										   process=":formBuscar:panelResultadosCotizacion"
										   action="#{gestionCotizacionVendedorController.cargarDatosCotizacion(cotizacion)}"
										   update=":formCotizaciones:panelEditarCotizacion">
								<h:graphicImage library="images" name="editar.png" styleClass="icon-small" 
												alt="Editar" title="Editar" />
							</p:commandLink>
						</p:column>

						<p:column style="width: 10px;">
							<f:facet name="header">
								<h:outputText value=" " />
							</f:facet>
							<p:commandLink id="cmlPromocionHistorial"
								action="#{gestionCotizacionVendedorController.cargarHistorialEstados(cotizacion)}"
								process=":formBuscar:panelResultadosCotizacion"
								oncomplete="vwDetalleCotizacion.show()"
								update=":formCotizaciones:panelHistorial">
								<h:graphicImage library="images" name="historial.png" styleClass="icon-small" 
												alt="Historial de estados" title="Historial de estados" />
							</p:commandLink>
						</p:column>

						<f:facet name="footer">
							<div class="pie-cantidad-resultados">
								<h:outputText
									rendered="#{gestionCotizacionVendedorController.listaLazyCotizaciones.nroRegistros>0}"
									value="Se encontraron #{gestionCotizacionVendedorController.listaLazyCotizaciones.nroRegistros} cotizaciones." />
								<h:outputText
									rendered="#{gestionCotizacionVendedorController.listaLazyCotizaciones.nroRegistros==0}"
									value="No se encontraron cotizaciones." />
							</div>
						</f:facet>
					</p:dataTable>
				</h:panelGroup>

				<p:spacer height="30" />

				<!--			Reporte de Cotizaciones			-->

				<h:panelGroup id="panelResultadosCotizacionConEstado" rendered="false">
					<p:dataTable id="tablaResultadosCotizacionConEstado"
								 value="#{gestionCotizacionVendedorController.listaCotizacionConEstados}"
								 var="cotizacionConEstados"
								 rowKey="#{cotizacionConEstados.idCotizacion}"
								 emptyMessage="No se encontraron solicutdes con el filtro deseado"
								 paginator="true" paginatorPosition="top" rows="10"
								 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
								 currentPageReportTemplate="{currentPage} de {totalPages}">

						<p:column headerText="idCotizacion">
							<h:outputText value="#{cotizacionConEstados.idCotizacion}" />
						</p:column>

						<p:column headerText="fechaCreacion">
							<h:outputText value="#{cotizacionConEstados.fechaCreacion}">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column>

						<p:column headerText="cliente">
							<h:outputText value="#{cotizacionConEstados.cliente}" />
						</p:column>

						<p:column headerText="nombreDepartamento">
							<h:outputText value="#{cotizacionConEstados.nombreDepartamento}" />
						</p:column>

						<p:column headerText="nombreProvincia">
							<h:outputText value="#{cotizacionConEstados.nombreProvincia}" />
						</p:column>

						<p:column headerText="nombreDistrito">
							<h:outputText value="#{cotizacionConEstados.nombreDistrito}" />
						</p:column>

						<p:column headerText="nombreSucursal">
							<h:outputText value="#{cotizacionConEstados.nombreSucursal}" />
						</p:column>

						<p:column headerText="nombreEstadoCotizacion">
							<h:outputText value="#{cotizacionConEstados.nombreEstadoCotizacion}" />
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="fechaPorAtender">
							<h:outputText value="#{cotizacionConEstados.fechaPorAtender}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="horaPorAtender">
							<h:outputText value="#{cotizacionConEstados.fechaPorAtender}">
								<f:converter converterId="horaConverter"/>
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="fechaAsignado">
							<h:outputText value="#{cotizacionConEstados.fechaAsignado}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="horaAsignado">
							<h:outputText value="#{cotizacionConEstados.fechaAsignado}">
								<f:converter converterId="horaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="fechaCotizado">
							<h:outputText value="#{cotizacionConEstados.fechaCotizado}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="horaCotizado">
							<h:outputText value="#{cotizacionConEstados.fechaCotizado}">
								<f:converter converterId="horaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="fechaPedido">
							<h:outputText value="#{cotizacionConEstados.fechaPedido}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="horaPedido">
							<h:outputText value="#{cotizacionConEstados.fechaPedido}">
								<f:converter converterId="horaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="fechaFacturado">
							<h:outputText value="#{cotizacionConEstados.fechaFacturado}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="horaFacturado">
							<h:outputText value="#{cotizacionConEstados.fechaFacturado}">
								<f:converter converterId="horaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="fechaRechazado">
							<h:outputText value="#{cotizacionConEstados.fechaRechazado}">
								<f:converter converterId="fechaConverter" />
							</h:outputText>
						</p:column>

						<p:column styleClass="alineacion-columna" headerText="horaRechazado">
							<h:outputText value="#{cotizacionConEstados.fechaRechazado}">
								<f:converter converterId="horaConverter"/>
							</h:outputText>
						</p:column>

					</p:dataTable>
				</h:panelGroup>
			</div>

		</h:form>

		<h:form id="formCotizaciones" styleClass="ui-widget" prependId="false">

			<p:dialog id="EditarCotizacion" modal="true"
				width="1000" height="570" resizable="false"
				widgetVar="wvEditarCotizacion" header="Editar solicitud">
				<div class="panel-general-popup">
					<h:panelGroup id="panelEditarCotizacion">
						<div class="panel-solicitud">
							<p:panelGrid>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general" value="N&#250;mero de solicitud:" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionVendedorController.cotizacionEditar.idCotizacion}" />
									</p:column>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Cliente:" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionVendedorController.cotizacionEditar.nombreCliente}" />
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Lugar recojo: Departamento" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionVendedorController.cotizacionEditar.nombreDepartamento}" />
									</p:column>
									<p:column>
										<h:outputLabel disabled="true" styleClass="label-general" value=" Provincia:" />
									</p:column>
									<p:column>
										<h:panelGroup>
											<p:panelGrid columns="3">
												<h:outputText styleClass="texto-general"
													value="#{gestionCotizacionVendedorController.cotizacionEditar.nombreProvincia}" />
												<h:outputLabel styleClass="label-general" value="Distrito:" />
												<h:outputText styleClass="texto-general"
													value="#{gestionCotizacionVendedorController.cotizacionEditar.nombreDistrito}" />
											</p:panelGrid>
										</h:panelGroup>
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="Fecha solicitud:" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionVendedorController.cotizacionEditar.fechaCreacion}">
											<f:convertDateTime pattern="dd/MM/yyyy" />
										</h:outputText>
									</p:column>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Sucursal:" />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{gestionCotizacionVendedorController.cotizacionEditar.nombreSucursal}" />
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="Estado solcitud:" />
									</p:column>
									<p:column colspan="3">
										<p:selectOneMenu styleClass="select-general" value="#{gestionCotizacionVendedorController.cotizacionEditar.idEstadoCotizacion}">
											<f:selectItems var="estado" value="#{gestionCotizacionVendedorController.listaEstadoCotizacion}"
														   itemValue="#{estado.idEstadoCotizacion}" itemLabel="#{estado.nombre}"/>
										</p:selectOneMenu>
									</p:column>
								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Observaci&#243;n:" />
									</p:column>
									<p:column colspan="3">
										<p:inputTextarea styleClass="textAreaObservacion" value="#{gestionCotizacionVendedorController.observaciones}"
														 maxlength="500" style="width: 700px; height: 40px;margin-top: 5px; float: left;"/>
									</p:column>
								</p:row>
							</p:panelGrid>
						</div>
						<p:spacer height="30" />
						<p:dataTable id="tablaElementosCotizacion" value="#{gestionCotizacionVendedorController.listaElementoCotizacionAdapter}"
									 var="elemento" emptyMessage="" paginator="true"
									 paginatorPosition="top" rows="5"
									 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
									 currentPageReportTemplate="{currentPage} de {totalPages}">

							<p:column headerText="Marca" sortBy="#{elemento.marca}">
								<h:outputText value="#{elemento.marca}" />
							</p:column>

							<p:column headerText="Tipo veh&#237;culo " sortBy="#{elemento.tipoVehiculo}">
								<h:outputText value="#{elemento.tipoVehiculo}" />
							</p:column>

							<p:column headerText="Modelo" sortBy="#{elemento.modelo}" sortFunction="#{ordenarDatatable.ordernar}">
								<h:outputText
									value="#{elemento.modelo}" />
							</p:column>

							<p:column headerText="#{etiquetaController.etiquetaChasis}" style="width: 180px;" sortBy="#{elemento.chasis}"
									  sortFunction="#{ordenarDatatable.ordernar}">
								<h:outputText value="#{elemento.chasis}" />
							</p:column>

							<p:column headerText="#{etiquetaController.etiquetaPlaca}"
									  style="width: 120px;" sortBy="#{elemento.placa}"
									  sortFunction="#{ordenarDatatable.ordernar}">
								<h:outputText value="#{elemento.placa}" />
							</p:column>

							<p:column headerText="Descripci&#243;n" sortBy="#{elemento.descripcion}"
									  sortFunction="#{ordenarDatatable.ordernar}">
								<h:outputText value="#{elemento.descripcion}" />
							</p:column>

							<p:column headerText="Cant." style="width: 5px; text-align:right;"
									  sortBy="#{elemento.cantidad}">
								<h:outputText value="#{elemento.cantidad}" />
							</p:column>

							<p:column style="width: 10px;">
								<f:facet name="header">
									<h:outputText value="" />
								</f:facet>
								<p:commandLink id="cmlDetalleRepuesto" rendered="#{elemento.tipoElemento}"
											   action="#{gestionCotizacionVendedorController.cargarDetalleRepuesto(elemento)}"
											   onclick="vwDetalleRepuesto.show()"
											   process=":formCotizaciones:tablaElementosCotizacion"
											   update=":formCotizaciones:panelDetalleRepuesto">
									<h:graphicImage library="images" name="detalle.png" styleClass="icon-small" 
													alt="Editar" title="Editar" />
								</p:commandLink>
								<p:commandLink id="cmlDetallePromocion" rendered="#{!elemento.tipoElemento}"
											   action="#{gestionCotizacionVendedorController.cargarDetallePromocion(elemento)}"
											   onclick="vwDetallePromocion.show()"
											   process=":formCotizaciones:tablaElementosCotizacion"
											   update=":formCotizaciones:panelDetallePromocio">
									<h:graphicImage library="images" name="detalle.png" styleClass="icon-small" 
												    alt="Detalle Promoci&#243;n" title="Detalle Promoci&#243;n" />
								</p:commandLink>
							</p:column>
							<f:facet name="footer">
								<div class="pie-cantidad-resultados">
									<h:outputText
										rendered="#{gestionCotizacionVendedorController.listaElementoCotizacionAdapter.size()>0}"
										value="Se encontraron #{gestionCotizacionVendedorController.listaElementoCotizacionAdapter.size()} elementos asociados a esta solicitud." />
									<h:outputText
										rendered="#{gestionCotizacionVendedorController.listaElementoCotizacionAdapter.size()==0}"
										value="No se encontraron elementos asociados a esta solicitud." />
								</div>
							</f:facet>
						</p:dataTable>
					</h:panelGroup>

					<div class="panel-botones" align="center">
						<p:commandButton ajax="true" icon="ui-icon-disk" value="Guardar"
							process="@this,panelEditarCotizacion"
							action="#{gestionCotizacionVendedorController.actualizarCotizacion}"
							oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvEditarCotizacion);"
							update=":formBuscar:panelResultadosCotizacion,:growl"
							styleClass="buton-general" />
						<span>&#160;</span>
						<p:commandButton value="Salir" process="@this"
							icon="ui-icon-arrowreturn-1-w"
							onclick="wvEditarCotizacion.hide();" styleClass="buton-general" />
					</div>

				</div>
			</p:dialog>



			<p:dialog id="popUpDetalleCotizacion" modal="true" resizable="false" widgetVar="vwDetalleCotizacion"
					  header="Historial de estados">
					  
				<div class="panel-general-popup">
					<div class="panel-formulario">
						<h:panelGroup id="panelHistorial">
							<p:panelGrid columns="2">
								<h:outputLabel styleClass="label-general" value="Vendedor:" />
								<h:outputText value="#{gestionCotizacionVendedorController.cotizacionDetalle.nombreVendedor} #{gestionCotizacionVendedorController.cotizacionDetalle.apellidoVendedor}"
											  styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="N&#176; solicitud:" />
								
								<h:outputText value="#{gestionCotizacionVendedorController.cotizacionDetalle.idCotizacion}"
											  styleClass="texto-general" />

								<h:outputLabel styleClass="label-general"
									value="Fecha solicitud:" />
									
								<h:outputText
									value="#{gestionCotizacionVendedorController.cotizacionDetalle.fechaCreacion}"
									styleClass="texto-general">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</h:outputText>

							</p:panelGrid>
							<div class="divDetalleHistorialEstados" align="center">
								<p:panelGrid style="margin-top:20px">
									<p:row>
										<p:column colspan="1">Estado</p:column>
										<p:column colspan="1">Fecha de registro</p:column>
									</p:row>

									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Por atender" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaPorAtender}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaPorAtender}">
												<f:converter converterId="horaConverter"/>	
											</h:outputText>
										</p:column>
									</p:row>
									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Asignado" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaAsignado}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaAsignado}">
												<f:converter converterId="horaConverter"/>	
											</h:outputText>
										</p:column>
									</p:row>
									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Cotizado" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaCotizado}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaCotizado}">
												<f:converter converterId="horaConverter"/>	
											</h:outputText>
										</p:column>
									</p:row>
									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Pedido" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaPedido}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaPedido}">
												<f:converter converterId="horaConverter"/>	
											</h:outputText>
										</p:column>
									</p:row>

									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Facturado" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaFacturado}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general" value="#{gestionCotizacionVendedorController.fechaFacturado}">
												<f:converter converterId="horaConverter"/>	
											</h:outputText>
										</p:column>
									</p:row>
									<p:row>
										<p:column>
											<h:outputLabel styleClass="label-general" value="Rechazado" />
										</p:column>
										<p:column styleClass="historial-cotizacion-columna-fecha-hora">
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionVendedorController.fechaRechazado}">
												<f:converter converterId="fechaConverter" />
											</h:outputText>
											<h:outputText value="&#160;&#160;" />
											<h:outputText styleClass="label-general"
												value="#{gestionCotizacionVendedorController.fechaRechazado}">
												<f:converter converterId="horaConverter"/>	
											</h:outputText>
										</p:column>
									</p:row>
								</p:panelGrid>
							</div>
						</h:panelGroup>
					</div>
				</div>
			</p:dialog>

			<p:dialog id="popUpDetalleRepuesto" modal="true"
					  resizable="false" widgetVar="vwDetalleRepuesto"
					  style="padding-bottom: 10px;" header="Detalle repuesto" width="810">

				<h:panelGroup id="panelDetalleRepuesto">
					<div class="panel-general-popup">

						<div class="panel-formulario izquierda-gestion-cotizacion"
							style="width: 38%;">
							<div class="bloque">
								<h:outputLabel value="Datos del veh&#237;culo" tyleClass="titulo-sub-contenido" />
							</div>

							<div class="linea"></div>
							<div>
								<p:spacer height="10" />
							</div>
							<p:panelGrid columns="2" styleClass="datos-vehiculo-detalle-repuesto">

								<h:outputLabel styleClass="label-general" value="Marca:" />
								<h:outputText value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.marca}"
											  styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="Tipo:" />
								<h:outputText value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.tipoVehiculo}"
											  styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="Modelo:" />
								<h:outputText value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.modelo}"
											  styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaChasis}:" />
								<h:outputText value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.chasis}"
											  styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaPlaca}:" />
								<h:outputText value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.placa}"
											  styleClass="texto-general" />

							</p:panelGrid>
							<div>
								<p:spacer height="10" />
							</div>
							<div class="bloque">
								<h:outputLabel value="Datos del repuesto"
									styleClass="titulo-sub-contenido" />
							</div>

							<div class="linea"></div>
							<div>
								<p:spacer height="10" />
							</div>

							<p:panelGrid columns="2"
								styleClass="datos-vehiculo-detalle-repuesto">

								<h:outputLabel styleClass="label-general" value="Grupo: " />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.subGrupo.grupo.codigo}
									- #{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.subGrupo.grupo.nombre}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="Subgrupo: " />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.subGrupo.codigo}
									- #{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.subGrupo.nombre}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="C&#243;digo: " />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.repuesto.codigo}"
									styleClass="texto-general" />


								<h:outputLabel styleClass="label-general"
									value="Descripci&#243;n:" />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.repuesto.nombre}"
									styleClass="texto-general" />


								<h:outputLabel styleClass="label-general"
									value="Posici&#243;n.:" />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.posicion}"
									styleClass="texto-general" />


								<h:outputLabel styleClass="label-general" value="Cantidad:" />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.cantidad}"
									styleClass="texto-general" />
							</p:panelGrid>
						</div>
						<div class="derecha-gestion-cotizacion">
							<h:panelGroup id="panelScrollImagen"
								rendered="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.tipo == 'IMG'}">
								<div id="container-image-scroll" class="scroll-image"
									style="width: 440px; height: 440px;" align="center">
									<p:graphicImage id="image-scroll"
										value="/imagen/servidor/?nombreArchivo=#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.nombreArchivo}&#38;tipo=imagen"
										styleClass="imagen-vista-previa" />
								</div>

								<div class="botones-scroll-image" style="top: 398px;">
									<p:commandLink
										oncomplete="zoomTodoImagen('scroll-image','imagen-vista-previa')"
										process="@this">
										<p:graphicImage library="images" name="zoom-todo.png"
											title="ver todo" alt="ver todo" />
									</p:commandLink>
									<p:commandLink
										oncomplete="zoomOriginalImagen('imagen-vista-previa')"
										process="@this">
										<p:graphicImage library="images" name="zoom-original.png"
											title="original" alt="original" />
									</p:commandLink>
									<p:commandLink
										oncomplete="zoomAlejarImagen('imagen-vista-previa')"
										process="@this">
										<p:graphicImage library="images" name="zoom-out.png"
											title="alejar" alt="alejar" />
									</p:commandLink>
									<p:commandLink
										oncomplete="zoomAcercarImagen('imagen-vista-previa')"
										process="@this">
										<p:graphicImage library="images" name="zoom-in.png"
											title="acercar" alt="acercar" />
									</p:commandLink>
								</div>
							</h:panelGroup>

							<p:media
								value="/pdf/servidor/?nombreArchivo=#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.nombreArchivo}"
								rendered="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.tipo == 'PDF'}"
								styleClass="pdf-vista-previa"
								style="width: 480px; height: 440px;">
							tu navegador no puede mostrar PDFs
							<h:outputLink
									value="/resources/images/imagenes/#{gestionCotizacionVendedorController.elementoCotizacionDetalle.imagenRepuesto.imagen.nombreArchivo}">click</h:outputLink>descargar archivo
						</p:media>
						</div>

					</div>
				</h:panelGroup>

			</p:dialog>


			<p:dialog id="popUpDetallePromocion" modal="true"
					  resizable="false" widgetVar="vwDetallePromocion"
				      header="Detalle promoci&#243;n">
				<h:panelGroup id="panelDetallePromocio">
					<div class="panel-general-popup">
						<div class="panel-formulario">
							<p:panelGrid columns="2">
								<h:outputLabel styleClass="label-general"
									value="C&#243;digo promoci&#243;n:" />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.promocion.idPromocion}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general"
									value="Descripci&#243;n: " />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.promocion.descripcion}"
									styleClass="texto-general" />

								<h:outputLabel styleClass="label-general" value="Cantidad:" />
								<h:outputText
									value="#{gestionCotizacionVendedorController.elementoCotizacionDetalle.cantidad}"
									styleClass="texto-general" />
							</p:panelGrid>
						</div>
					</div>
				</h:panelGroup>
			</p:dialog>

		</h:form>

	</ui:define>
</ui:composition>